// 全局变量定义

// 颜色变量
@primary-color: #1E90FF;
@success-color: #67C23A;
@warning-color: #E6A23C;
@danger-color: #F56C6C;
@info-color: #909399;

// 文本颜色
@text-color: #303133;
@text-color-secondary: #606266;
@text-color-light: #909399;
@text-color-placeholder: #C0C4CC;

// 边框颜色
@border-color: #DCDFE6;
@border-color-light: #E4E7ED;
@border-color-lighter: #EBEEF5;

// 背景颜色
@background-color: #FFFFFF;
@background-color-light: #F5F7FA;
@background-color-dark: #304156;
@sidebar-item-hover: #263445;

// 阴影
@box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@box-shadow-dark: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 字体
@font-family: 'Avenir', Helvetica, Arial, sans-serif;
@font-size-small: 12px;
@font-size-base: 14px;
@font-size-medium: 16px;
@font-size-large: 18px;

// 圆角
@border-radius-small: 2px;
@border-radius-base: 4px;
@border-radius-large: 8px;

// 间距
@spacing-mini: 4px;
@spacing-small: 8px;
@spacing-base: 16px;
@spacing-large: 24px;
@spacing-xl: 32px;

// 过渡
@transition-duration: 0.3s;
@transition-timing: ease;

// 渐变背景
@primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
